<div class="panel panel-primary">
  
  <!-- Default panel contents -->
  <div class="panel-heading">Creaci&oacute;n de docentes</div>
  
  <div class="panel-body">
  
			<form novalidate class="form-horizontal css-form" id="creacionDocente" name="creacionDocente" ng-controller="AddTeacherDriver">

				<div class="well well-sm">
					<div class="row">
						<div class="col-md-10"></div>
						<div class="col-md-2">
							<div class="btn-group btn-group-justified">
								<div class="btn-group">
									<button type="button" class="btn btn-primary"
										ng-click="save(docente)"
										ng-disabled="creacionDocente.$invalid">Guardar</button>
								</div>
								<div class="btn-group">
									<button type="button" class="btn btn-primary"
										ng-click="reset()">Limpiar</button>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="alert alert-info alert-dismissable" id="messageBox">
					<h4>Alertas!</h4>
					Si presenta algun error aqui los puede observar
				</div>

				<fieldset>
					<legend>Informaci&oacute;n</legend>

					<div class="form-group">
						<label class="col-sm-2 control-label" for="nombre">Nombre</label>
						<div class="col-sm-10">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-font"></span></span> 
                                <input 
                                    id="nombre"
									name="nombre" 
                                    type="text" 
                                    placeholder="Nombre completo del docente"
									class="form-control" 
                                    ng-model="docente.nombre"
									value="{{docente.nombre}}" required />
							</div>
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-sm-2 control-label" for="apellido">Apellido</label>
						<div class="col-sm-10">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-font"></span></span> 
                                <input 
                                    id="apellido"
									name="apellido" 
                                    type="text" 
                                    placeholder="Apellido del docente"
									class="form-control" 
                                    ng-model="docente.apellido"
									value="{{docente.apellido}}" required />
							</div>
						</div>
					</div>
					
					<div class="form-group">
						<label class="col-sm-2 control-label" for="documento">Documento</label>
						<div class="col-sm-10">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-font"></span></span> 
                                <input 
                                    id="documento"
									name="documento" 
                                    type="text" 
                                    placeholder="Documento de identidad"
									class="form-control" 
                                    ng-model="docente.documento"
									value="{{docente.documento}}" required />
							</div>
						</div>
					</div>

					<div class="form-group">
						<label class="col-sm-2 control-label" for="fecha">Fecha</label>
						<div class="col-sm-10">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-pencil"></span></span>
                                <input 
                                    id="fecha"
									name="fecha" 
                                    type="date" 
									class="form-control" 
                                    ng-model="docente.fecha"
									value="{{docente.fecha}}" required />
							</div>
						</div>
					</div>

				</fieldset>

			</form>
  
  </div>

</div>  